/*
 * @Author: bclz
 * @Date: 2022-02-18 20:41:32
 * @LastEditTime: 2022-02-18 22:02:17
 * @LastEditors: bclz
 * @Description: no description
 */
import { Modal, Space, Card, Row, Col } from 'antd';
import styles from './index.less';

export const DeviceDetailsModal = (props) => {
  const { devideId, setVisible } = props;
  return (
    <Modal
      title="设备详情"
      centered
      visible={devideId?.length !== 0}
      onOk={() => {
        setVisible();
      }}
      onCancel={() => {
        setVisible();
      }}
      width={'50%'}
      footer={[]}
    >
      <div className={styles.deviceDetailsModal}>
        <div className={styles.topBlock}>
          <Row gutter={[16, 16]} style={{ height: '100%' }}>
            <Col flex={2}>
              <div className={styles.infoBlock}></div>
            </Col>
            <Col flex={3}>
              <div className={styles.chartsBlock}></div>
            </Col>
          </Row>
        </div>
        <div className={styles.bottomBlock}></div>
      </div>
    </Modal>
  );
};
